<li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle text-muted waves-effect waves-dark" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <img src="{:$user->headimg()}" alt="user" class="profile-pic" />
    </a>
    <div class="dropdown-menu dropdown-menu-right scale-up">
        <ul class="dropdown-user">
            <li>
                <div class="dw-user-box">
                    <div class="u-img"><img src="{:$user->headimg()}" alt="user"></div>
                    <div class="u-text">
                        <h4>{:$user->get("nickname")}</h4>
                        <p class="text-muted">{:$user->get("username")}</p><a href="/admin/profile/index" class="btn btn-rounded btn-danger btn-sm">View Profile</a></div>
                </div>
            </li>
            <li role="separator" class="divider"></li>
            <li><a href="/admin/profile/index"><i class="ti-user"></i> My Profile</a></li>
            <!-- <li><a href="#"><i class="ti-wallet"></i> My Balance</a></li>
            <li><a href="#"><i class="ti-email"></i> Inbox</a></li> -->
            <li role="separator" class="divider"></li>
            <li><a href="/admin/profile/index#password"><i class="ti-settings"></i> Account Setting</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="/admin/login/logout"><i class="fa fa-power-off"></i> Logout</a></li>
        </ul>
    </div>
</li>
